.config-container {
	position: fixed;
	right: 0;
	top: 53px;
	bottom: 0;
	width: 400px;
	background-color: var(--color-whites);
	h4 {
		padding: 10px;
		border-bottom: 1px solid var(--el-border-color-light);
	}
}

.tabs-container {
	.tab-pane {
		overflow-x: hidden;
		overflow-y: auto;
		height: calc(100vh - 144px);
		padding: 0 0px 0px 0px;
		&::-webkit-scrollbar {
			width: 4px;
			background: transparent;
		}
		// 滑槽背景色
		&::-webkit-scrollbar-track-piece {
			width: 4px;
			background-color: var(--el-color-white);
		}
		// 滚动条样式
		&::-webkit-scrollbar-thumb {
			border-radius: 4px;
			background: transparent;
		}
		&:hover {
			&::-webkit-scrollbar-thumb {
				border-radius: 4px;
				background: #ccc;
			}
		}
		&::-webkit-scrollbar-thumb:hover {
			background: #ccc;
		}
		&::-webkit-scrollbar-thumb:active {
			background: rgb(175, 174, 174);
		}
		// 浏览器失焦的样式
		&::-webkit-scrollbar-thumb:window-inactive {
			background: rgba(230, 230, 230, 0.4);
		}

		.item-row {
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 1px solid var(--el-border-color-light);
			.col-icon {
				text-align: center;
				padding-top: 10px;
				color: var(--el-text-color-regular);
				cursor: move;
			}
			:deep(.el-badge__content) {
				height: 16px;
				line-height: 13.5px;
				cursor: pointer;
			}
			.el-input__icon {
				margin-top: 2px;
				cursor: pointer;
			}
		}
	}
	:deep(.el-tabs__header) {
		margin-bottom: 10px;
	}
	:deep(.el-tabs__item) {
		width: 200px;
		text-align: center;
	}
	:deep(.el-collapse-item__header) {
		padding-left: 10px;
		font-weight: bolder;
	}
	:deep(.el-collapse-item__content) {
		padding: 10px;
	}
	.badge {
		cursor: pointer;
	}
	.block-group {
		padding: 5px 5px 5px 5px;
		background-color: #ffffff;
	}
	.block-group:nth-child(even) {
		padding: 5px 5px 5px 5px;
		background-color: #f5f8e9;
	}
}
